<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>静态表格</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">

    <link rel="icon" href="../img/web/web.ico"/>
    <link rel="stylesheet" href="../layui/css/layui.css"/>
    <link rel="stylesheet" href="../css/app.css"/>
<body ontouchstart="">

<div class="layui-fluid">
    <div class="layui-row layui-col-space15">

        <div class="layui-col-md6">
            <div class="layui-card">
                <div class="layui-card-header">表格-基本</div>
                <div class="layui-card-body">
                    <table class="layui-table" >
                        <thead>
                        <tr>
                            <th>姓名</th>
                            <th>签名</th>
                            <th>时间</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td>德莱赛</td>
                            <td>理想是人生的太阳。 —— 德莱赛</td>
                            <td>2017-01-13</td>
                        </tr>
                        <tr>
                            <td>冯梦龙</td>
                            <td>人生一世，草木一秋。 —— 冯梦龙</td>
                            <td>2017-01-13</td>
                        </tr>
                        <tr>
                            <td>雷利</td>
                            <td>良心是人生的根本。 —— 雷利</td>
                            <td>2017-01-13</td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        <div class="layui-col-md6">
            <div class="layui-card">
                <div class="layui-card-header">表格-行边框风格</div>
                <div class="layui-card-body">
                    <table class="layui-table" lay-skin="line" >
                        <thead>
                        <tr>
                            <th>姓名</th>
                            <th>签名</th>
                            <th>时间</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td>德莱赛</td>
                            <td>理想是人生的太阳。 —— 德莱赛</td>
                            <td>2017-01-13</td>
                        </tr>
                        <tr>
                            <td>冯梦龙</td>
                            <td>人生一世，草木一秋。 —— 冯梦龙</td>
                            <td>2017-01-13</td>
                        </tr>
                        <tr>
                            <td>雷利</td>
                            <td>良心是人生的根本。 —— 雷利</td>
                            <td>2017-01-13</td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

        <div class="layui-col-md12">
            <div class="layui-card">
                <div class="layui-card-header">表格-开启隔行背景-无边框风格</div>
                <div class="layui-card-body">
                    <table class="layui-table" lay-even lay-skin="nob" >
                        <thead>
                        <tr>
                            <th>姓名</th>
                            <th>签名</th>
                            <th>时间</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td>德莱赛</td>
                            <td>理想是人生的太阳。 —— 德莱赛</td>
                            <td>2017-01-13</td>
                        </tr>
                        <tr>
                            <td>冯梦龙</td>
                            <td>人生一世，草木一秋。 —— 冯梦龙</td>
                            <td>2017-01-13</td>
                        </tr>
                        <tr>
                            <td>雷利</td>
                            <td>良心是人生的根本。 —— 雷利</td>
                            <td>2017-01-13</td>
                        </tr>
                        <tr>
                            <td>德莱赛</td>
                            <td>理想是人生的太阳。 —— 德莱赛</td>
                            <td>2017-01-13</td>
                        </tr>
                        <tr>
                            <td>冯梦龙</td>
                            <td>人生一世，草木一秋。 —— 冯梦龙</td>
                            <td>2017-01-13</td>
                        </tr>
                        <tr>
                            <td>雷利</td>
                            <td>良心是人生的根本。 —— 雷利</td>
                            <td>2017-01-13</td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

        <div class="layui-col-md12">
            <div class="layui-card">
                <div class="layui-card-header">表格-开启隔行背景-列边框风格-小尺寸</div>
                <div class="layui-card-body">
                    <table class="layui-table" lay-size="sm" lay-even lay-skin="row" >
                        <thead>
                        <tr>
                            <th>姓名</th>
                            <th>签名</th>
                            <th>时间</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td>德莱赛</td>
                            <td>理想是人生的太阳。 —— 德莱赛</td>
                            <td>2017-01-13</td>
                        </tr>
                        <tr>
                            <td>冯梦龙</td>
                            <td>人生一世，草木一秋。 —— 冯梦龙</td>
                            <td>2017-01-13</td>
                        </tr>
                        <tr>
                            <td>雷利</td>
                            <td>良心是人生的根本。 —— 雷利</td>
                            <td>2017-01-13</td>
                        </tr>
                        <tr>
                            <td>德莱赛</td>
                            <td>理想是人生的太阳。 —— 德莱赛</td>
                            <td>2017-01-13</td>
                        </tr>
                        <tr>
                            <td>冯梦龙</td>
                            <td>人生一世，草木一秋。 —— 冯梦龙</td>
                            <td>2017-01-13</td>
                        </tr>
                        <tr>
                            <td>雷利</td>
                            <td>良心是人生的根本。 —— 雷利</td>
                            <td>2017-01-13</td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

        <div class="layui-col-md12">
            <div class="layui-card">
                <div class="layui-card-header">表格-开启隔行背景-无边框风格-大尺寸</div>
                <div class="layui-card-body">
                    <table class="layui-table" lay-size="lg" lay-even lay-skin="nob" >
                        <thead>
                        <tr>
                            <th>姓名</th>
                            <th>签名</th>
                            <th>时间</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td>德莱赛</td>
                            <td>理想是人生的太阳。 —— 德莱赛</td>
                            <td>2017-01-13</td>
                        </tr>
                        <tr>
                            <td>冯梦龙</td>
                            <td>人生一世，草木一秋。 —— 冯梦龙</td>
                            <td>2017-01-13</td>
                        </tr>
                        <tr>
                            <td>雷利</td>
                            <td>良心是人生的根本。 —— 雷利</td>
                            <td>2017-01-13</td>
                        </tr>
                        <tr>
                            <td>德莱赛</td>
                            <td>理想是人生的太阳。 —— 德莱赛</td>
                            <td>2017-01-13</td>
                        </tr>
                        <tr>
                            <td>冯梦龙</td>
                            <td>人生一世，草木一秋。 —— 冯梦龙</td>
                            <td>2017-01-13</td>
                        </tr>
                        <tr>
                            <td>雷利</td>
                            <td>良心是人生的根本。 —— 雷利</td>
                            <td>2017-01-13</td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

    </div>
</div>

<script type="text/javascript" src="../layui/layui.js"></script>
<script type="text/javascript">
layui.use('layer',function(){

});
</script>
</body>
</html>